<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../课件/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<ul>
		  <li>list item A1</li>
		  <li>list item A2</li>
		  <li>list item A3</li>
		  <li>list item A4</li>
		  <li>list item A5</li>
		</ul>
		<ul>
		  <li>list item B1</li>
		  <li>list item B2</li>
		  <li>list item B3</li>
		  <li>list item B4</li>
		  <li>list item B5</li>
		</ul>
		<ul>
		  <li>list item C1</li>
		  <li>list item C2</li>
		  <li>list item C3</li>
		  <li>list item C4</li>
		  <li>list item C5</li>
		</ul>
		<li></li>
		<div id="">
			<span id="">
				span1
			</span>
			<b>b</b>
		</div>
		<div>vvvvvvvv</div>
		<div></div>
		<script type="text/javascript">
			$(function(){
				$('li').first().css('background','red');
				
				$('li:first-child').css('color','blue');
//				console.log($('span:only-child'));
                
                $('li:contains("B")').css('background','bisque');
                
                $('li:empty').css('background','black');
                $('div:empty').css('background','black').css('height','10px');
                
                $('div:has("span")').css('color','pink');
                
                $('div:parent').css('background','yellow')
			})
		</script>
	</body>
</html>
